<!--{template common/header_simple_start}-->
<link href="static/css/common.css?{VERHASH}" rel="stylesheet" media="all">
<link href="dzz/connect/images/connect.css?{VERHASH}" rel="stylesheet" media="all">

<!--{template common/header_simple_end}-->
<div class="container" style="height:100%">
  	<div class="main-header clearfix">
        <ul class="nav nav-pills nav-pills-bottomguide">
              <li><a href="{BASESCRIPT}?mod=connect">我的云</a></li>
              <li class="active"><a href="{BASESCRIPT}?mod=connect&op=addcloud">添加云</a></li>
        </ul>
        
    </div>
	<div class="main-content clearfix">
    	<div style="padding:15px;">
        <!--{loop $cloud $key $value}-->
       	 <h4 >$value[header]</h4>
            <ul class="thumbnails list-unstyled clearfix">
             <!--{loop $value[list] $value1}-->
                <li  bz="$value1[bz]"  data_type="$key" class="cloud-item " >
                    <div class="thumbnail">
                        <img src="dzz/images/default/system/$value1[bz].png" width="100" />
                        <h5 class="text-center" style="height:20px;line-height:20px;overflow:hidden;margin-bottom:5px">$value1[name]</h5>
                    </div>
                </li>
            <!--{/loop}-->
            </ul>
          <!--{/loop}-->
        </div>
    </div>
 </div>
 <script type="text/javascript">
 function connect_start(bz,type){//开始云连接
	switch(type){
		case 'pan':
			url='{DZZSCRIPT}?mod=connect&bz='+bz+'&op=oauth';
			window.location.href=url;
			break;
		case 'storage':
			url='{DZZSCRIPT}?mod=connect&bz='+bz+'&op=oauth';
			window.location.href=url;
			break;
		case 'ftp':
			url='{DZZSCRIPT}?mod=connect&bz='+bz+'&op=oauth';
			window.location.href=url;
			break;
	}
}
jQuery(document).ready(function(e) {
     jQuery('.thumbnails li').mouseenter(function(){
		jQuery(this).addClass('hover');
	}).mouseleave(function(){
		jQuery(this).removeClass('hover');
	}).click(function(){
		var bz=jQuery(this).attr('bz');
		var type=jQuery(this).attr('data_type');
		connect_start(bz,type);
	});
	jQuery(document).mousedown(function(){
		jQuery('.thumbnails li').removeClass('Selected');
	});
});



 </script>
<script src="static/bootstrap/js/bootstrap.min.js?{VERHASH}"></script>
<!--{template common/footer_simple}-->
